<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>常用标签的使用</title>
</head>
<body>
  <h1 id="top">我的标题</h1>
  <h2>我的标题</h2>
  <h3>我的标题</h3>
  <h4>我的标题</h4>
  <h5>我的标题</h5>
  <h6>我的标题</h6>
  <p>我的段落</p><br><br>
  <p>我的<br>段落</p>
  <h3>在当前窗口上打开链接</h3>
  <a href="http://www.baidu.com">百度一下</a>
  <h3>在新的窗口上打开链接</h3>
  <a href="http://www.baidu.com" target="_blank">百度一下</a>
  <h3>打开本地链接</h3>
  <a href="../course2-1/index.html" target="_blank">course2-1</a><br>
  <a href="./index2.html" target="_blank">index2</a>
  <h3>锚点链接</h3>
  <a href="#maodian">跳转到锚点链接</a>
  <h5>引入一张网络图片并设置宽度和高度</h5>
  <img width="200" height="200" src="http://qiniu.mldong.com/front-course/img1.jpg">
  <h5>引入一张网络图片只设置宽度</h5>
  <img width="200" src="http://qiniu.mldong.com/front-course/img1.jpg">
  <h5>引入一张网络图片只设置高度</h5>
  <img height="200" src="http://qiniu.mldong.com/front-course/img1.jpg">
  <h5>引入一张本地的图片只设置高度</h5>
  <img height="200" src="./images/img1.jpg">
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p id="maodian">=========我是锚点========</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <p>我的段落</p><br><br>
  <a href="#top">跳转到顶部</a>
</body>
</html>